<%--
  Created by IntelliJ IDEA.
  User: duanzx
  Date: 2021/2/22
  Time: 11:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <style>

    .footer-container {
    width: 100%;
    min-width: 1200px;
    background: #14151B;
    }

    .footer-content {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    }

    .footer-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .footer-left {
    float: left;
    }

    .footer-right {
    margin-left: 885px;
    padding-top: 30px;
    }

    .link-group {}

    .link-group a{
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: rgba(255, 255, 255, 0.5);
    padding-right: 6px;
    }

    .link-group .divide {
    display: inline-block;
    height: 14px;
    width: 2px;
    margin-bottom: -2px;
    background: rgba(255, 255, 255, 0.5);
    }

    .information {
    margin: 30px 0 0 0px;
    font-size: 0.75rem;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 0.88rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 71px;
    }

    .information a {
    color: rgba(255, 255, 255, 0.5);
    }

    .information a:hover {
    color: #ffffff;
    }

    .information p {
    color: rgba(255, 255, 255, 0.5);
    }

    .information p:hover {
    color: #ffffff;
    }

    .information span {
    color: rgba(255, 255, 255, 0.5);
    }

    .information span:hover {
    color: #ffffff;
    }

    .link-group a:hover {
    color: #ffffff;
    }

    .icon-button {
    float: left;
    height: 40px;
    width: 40px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 20px;
    }

    .weixin {
    background: url(/static/image/link-image.png) no-repeat -20px -20px;
    }

    .weibo {
    background: url(/static/image/link-image.png) no-repeat -20px -70px;
    }

    .zhihu {
    background: url(/static/image/link-image.png) no-repeat -20px -120px;
    }

    .bilibili {
    background: url(/static/image/link-image.png) no-repeat -20px -170px;
    }

    .wangyiyun {
    background: url(/static/image/link-image.png) no-repeat -20px -220px;
    }

    .douyu {
    background: url(/static/image/link-image.png) no-repeat -20px -270px;
    }

    .tieba {
    background: url(/static/image/link-image.png) no-repeat -20px -320px;
    }

    .steam {
    background: url(/static/image/link-image.png) no-repeat -20px -370px;
    }

    </style>
</head>
<body>
    <div class="footer-container">
    <div class="footer-content">
        <div class="footer-left">
            <div class="link-group">
                <a href="">黑店平台协议</a>
                <span class="divide"></span>
                <a href="">黑店隐私协议</a>
                <span class="divide"></span>
                <a href="">联系方式</a>
                <span class="divide"></span>
                <a href="">工作机会</a>
                <span class="divide"></span>
                <a href="">客户服务</a>
                <span class="divide"></span>
                <a href="">家长监护</a>
                <span class="divide"></span>
                <a href="">账号申诉</a>
            </div>
            <div class="information">
                <p>
                    2021 北京中电博亚科技有限公司版权所有 所有商标版权属于其拥有者Tel:010-68434500
                    <span>&nbsp;</span>
                    <a href="">经营执照</a>
                </p>
                <p>
                    <a href="">京公网安备11010802020140号</a>
                    <span>&nbsp;</span>
                    <a href="">新出发京批字第直0816号</a>
                    <span>&nbsp;</span>
                    <a href="">京ICP证140082号</a>
                    <span>&nbsp;</span>
                    <a href="">京ICP备12041226号</a>
                    <span>&nbsp;</span>
                    <a href="">京网文[2016]5770-752号</a>
                    <span>&nbsp;</span>
                </p>
                <p>
                    <span>健康游戏忠告:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</span>
                </p>
            </div>
        </div>
        <div class="footer-right">
            <a class="icon-button weixin" href=""></a>
            <a class="icon-button weibo" href=""></a>
            <a class="icon-button zhihu" href=""></a>
            <a class="icon-button bilibili" href=""></a>
            <a class="icon-button wangyiyun" href=""></a>
            <a class="icon-button douyu" href=""></a>
            <a class="icon-button tieba" href=""></a>
            <a class="icon-button steam" href=""></a>
        </div>
    </div>
</div>
</body>
</html>
